<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		div{
			color: aliceblue;
		}
	</style>
	<div  class="div1" style="width: 100px; height: 100px; background-color: black;">dsadas</div>
	<body>
	</body>
</html>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
	
    $(".div1").mouseenter(function(){
		$(this).css("background-color","red");
	})
	
	$(".div1").mouseleave(function(){
		$(this).css("background-color","blue");
	})
</script>
